<template>
    <div class="app-container">
      
      <el-table border v-loading="loading" :data="menusList">
        <!-- <el-table-column type="selection" width="55" align="center" /> -->
        <el-table-column label="序号" align="center" type="index" width="50" />
  
        <el-table-column label="名称" align="center" prop="typeName">
        </el-table-column>
        <el-table-column label="规格" align="center" prop="brandId">
        </el-table-column>
        <!-- 0未开始 1一开始 2已结束 3已作废 -->
  
        <el-table-column label="单位" align="center" prop="brandName">
        </el-table-column>
        <el-table-column label="数量" align="center" prop="num">
        </el-table-column>
        <el-table-column label="限价" align="center" prop="priceLimit">
        </el-table-column>
        <el-table-column label="竞标价格" align="center" prop="money">
        </el-table-column>
        <el-table-column
          label="产地"
          align="center"
          prop="producer"
        >
        </el-table-column>
        
      </el-table>
  
      <pagination
        v-show="total > 0"
        :total="total"
        :page.sync="queryParams.pageNum"
        :limit.sync="queryParams.pageSize"
        @pagination="getList"
      />
      <!-- 添加或修改菜谱对话框 -->
      
    </div>
  </template>
          
    <script>
  import { getProjectLogInfo, } from "@/api/system/projectLog";
  //   import record from "./orderInfo";
  
  export default {
    // components: { orderInfo },
    name: "manage",
    props:{
        logId:{
            type:Number,
            default:0
        }
    },
    data() {
      return {
          projectId: "",
        brand: [], //单位
        cate: [], //菜谱
        specifications: [], //规格
        // 遮罩层
        loading: true,
        // 选中数组
        ids: [],
        // 非单个禁用
        single: true,
        // 非多个禁用
        multiple: true,
        // 显示搜索条件
        showSearch: true,
        // 总条数
        total: 0,
        // 菜谱表格数据
        menusList: [],
        // 弹出层标题
        title: "",
        // 是否显示弹出层
        open: false,
        // 查询参数
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          projectId: null,
          title: undefined,
        },
        // 表单参数
        form: {},
        // 表单校验
      };
    },
    created() {
      // this.queryParams.cateId = this.$route.params.cid;
      this.queryParams.logId = this.logId;
      // console.log()
      this.getList();
  
      // this.show();
      //   import { getFormatbrandData } from "@/api/system/brand";
      //   import { getFormatCateData } from "@/api/system/cate";
      //   import { getFormatSpecData } from "@/api/system/specifications";
    },
    methods: {
      // cancel()
      handleClose(done) {
        this.$confirm("确认关闭？")
          .then((_) => {
            done();
          })
          .catch((_) => {});
      },
  
      /** 查询菜谱列表 */
      getList() {
        this.loading = true;
        getProjectLogInfo(this.queryParams).then((response) => {
          this.menusList = response.rows;
          this.total = response.total;
          this.loading = false;
        });
      },
      // 取消按钮
      cancel() {
        this.open = false;
        this.reset();
      },
      // 表单重置
      reset() {
        this.form = {
          brandId: undefined, //单位id
          cateId: this.queryParams.cateId, //行业菜谱id
          demand: undefined, //要求
          name: undefined, //名称
          other: undefined, //其他
          packages: undefined, //包装
          parentId: -1, //上级分类id
          specId: undefined, //规格id
          id: undefined,
        };
        this.resetForm("form");
      },
      /** 搜索按钮操作 */
      handleQuery() {
        this.queryParams.pageNum = 1;
        this.getList();
      },
      /** 重置按钮操作 */
      resetQuery() {
        this.resetForm("queryForm");
        this.handleQuery();
      },
      //作废
      zhuofClik(row) {
        this.$modal
          .confirm("是否确认作废？")
          .then(function () {
            return editPorLog({ id: row.id, status: 3 });
          })
          .then(() => {
            this.getList();
            this.$modal.msgSuccess("作废成功");
          })
          .catch(() => {});
      },
      seeInfo(row) {
        console.log(row);
        this.open = true;
        this.title = row.companyName;
        this.projectId = row.id;
        // getDoseInfoManage({ id: row.id }).then((response) => {
        //   console.log(response);
        // });
      },
    },
  };
  </script>
          